<template>
  <div>
    <h2>父组件</h2>
    <child-com>

      <h3>我是默认插槽渲染的标签</h3>
      <button>我是默认插槽渲染的按钮</button><br>
      <strong slot="aaa">我是具名插槽aaa的内容</strong><br>
      <a slot="bbb" href="/">我是具名插槽bbb的内容</a>
      <!-- v-slot:ccc="obj" 带name属性的作用域插槽可简写为 #ccc="obj" -->
      <template #ccc="{node,data}">
        <h3>我是作用域插槽{{ node }}{{ data }}</h3>
      </template>

    </child-com>
  </div>
</template>

<script>
import ChildCom from './ChildCom.vue'
export default {
  components: {
    ChildCom
  },
  props: {
  },
  methods: {
  }
}
</script>
